<script>
    globalThis.importScripts = function (p = '') {
        return import(p)
    }
</script>
<template id="loading-tpl">
    <div
            style="position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;"
    >
        <div style="font-size: 60px;"><a face="fuck" class="s_face">&nbsp;</a>Loading...</div>
    </div>
</template>

<script>
    class AppLoading extends HTMLElement {
        constructor() {
            super();
            let tmpl = document.getElementById('loading-tpl')
            let shadowRoot = this.attachShadow({mode: 'open'});
            shadowRoot.appendChild(tmpl.content.cloneNode(true));
        }
    }
    window.customElements.define('app-loading', AppLoading);

    class ZMath extends HTMLElement {
        get name() {
            return this.getAttribute('name');
        }

        constructor() {
            super();
            let shadowRoot = this.attachShadow({mode: 'open'});
            shadowRoot.innerHTML = `<xy-text mark>${this.name}</xy-text><slot></slot><xy-text mark>)</xy-text>`
        }
    }

    window.customElements.define('z-math', ZMath);


</script>
<script crossorigin src="/init2.js"></script>

